<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="English.Management_Method_EN.Example_Table_En" %>
<jsp:useBean id="database" class="English.Management_Method_EN.Example_Table_En" scope="request" />  

<!DOCTYPE html>
<html>
<head>

  <title>Knowledge-base system</title>
   <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
  <link rel="stylesheet" type="text/css"  href="../CSS/Example.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script src="../JS_EN/Table_Search_En.js"></script>
  <script src="../JS_EN/DAO_Check_En.js"></script>
  
</head>
<body>

 <%--导航栏 --%>
  <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
    <a class="navbar-brand" href="../Search_En.jsp">
      <i class="fa fa-book" style="font-size:22px">
        &nbsp Knowledge-base system
      </i>
    </a>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
      <ul class="navbar-nav" >
        <li class="nav-item">
            <a class="nav-link" href="Administrator_En.jsp">&nbsp&nbsp&nbsp&nbsp AdminInfo</a>
          </li>
        <li class="nav-item">
            <a class="nav-link" href="Phenomenon_En.jsp">&nbsp&nbsp&nbsp&nbsp Phenomena</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Effect_En.jsp">&nbsp&nbsp&nbsp&nbsp Effect</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Introduce_En.jsp">&nbsp&nbsp&nbsp&nbsp Effect of description</a>
          </li>  
          <li class="nav-item">
            <a class="nav-link active" href="Example_En.jsp">&nbsp&nbsp&nbsp&nbsp Example</a>
          </li>    
        </ul>
    </div> 
    	<form class="form-inline" name="searchgroup"> 
	      <select class="form-control" name="Search_Select" id="Search_Select" style="max-width: 85px;">
				        <option value="indexe">Index
				        <option value="effect">Effect
			</select>
	      <input type="text" id="myInput" class="form-control" onkeyup="Select_Search2()" placeholder="Search in the current table" >
	    </form>
  </nav>

	<div class="container" id="DAOTable">
	   <div class="container" style="margin-top:30px;" id="DAO">
	      <div class="btn-group flex-container" id="DAObutton"  >
	        <button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Addemo">
	          <i class="fa fa-plus-square">&nbsp&nbsp Add</i>
	        </button>
	        <button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Deldemo">
	          <i class="fa fa-minus-square-o">&nbsp&nbsp Delete</i>
	        </button>
	        <button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Modifydemo">
	          <i class="fa fa-wrench">&nbsp&nbsp Modify</i>
	        </button>
	      </div>
	  
      	<div id="Addemo" class="collapse">
         <form class="form-inline form-group" id="Addgroup" name="Add" action="../Check_EN/Example_Add_Check_En.jsp" onsubmit="return Example_Add_Check()"  method="post">
          <label for="indexe">E index:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-1" id="indexe" name="indexe" style="margin-right:20px;">
          <label for="effect">Effect:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="effect" name="effect" style="margin-right:20px;">
          <label for="example">Example:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="example" name="example" style="margin-right:20px;">
          <label for="path">Path:&nbsp&nbsp</label>
	      <input type="text" class="form-control col-md-2" id="path" name="path" value="../Images_EN/">
           <button type="submit" class="btn btn-dark" style="margin-left:30px;" onclick="Example_Add_Check()">
            <i class="fa fa-floppy-o"></i>&nbsp&nbsp Add
          </button>       
        </form>
      
         <form method="post" action="/TESTKBS/UploadServlet_En" enctype="multipart/form-data">
          <div class="form-inline form-group" id="Addgroup">
	          <label for="uploadimage">Image:&nbsp&nbsp</label>
	          <input type="file" class="form-control col-md-6" id="uploadFile" name="uploadFile" style="margin-right:20px;">
	          <button type="submit" class="btn btn-dark" value="上传" style="margin-left:30px;">
	            <i class="fa fa-cloud-upload"></i>&nbsp&nbsp Upload
	          </button>
          </div>
         </form>
     	<h5 id="Note">PS:Rename the image " <b>index.suffix</b>" before uploading it. Like：<b>E1.jpg</b>. Image path is："<b>../Images_EN/E1.jpg</b>"</h5>
        
      </div>
  
      <div id="Deldemo" class="collapse">
        <form class="form-inline form-group" id="Delgroup" name="Del" action="../Check_EN/Example_Del_Check_En.jsp" onsubmit="return Example_Del_Check()"  method="post">
         
          <label for="effect">Effect:&nbsp&nbsp</label>
           
          <input type="text" class="form-control col-md-2" id="effect" name="effect">
           <select class="form-control" name="selected" style="max-width: 100px;"> 
				        <option value="example">Example
				        <option value="image">Image
			 </select>
          <button type="submit" class="btn btn-dark" style="margin-left:30px;" onclick="Example_Del_Check()">            
            <i class="fa fa-floppy-o"></i>&nbsp&nbsp Delete
          </button>
        </form>
        <p id="Note">PS:This function is to delete the case or image under the effect.</p>
      </div>
      
      <div id="Modifydemo" class="collapse">
        <form class="form-inline form-group" id="Modifygroup" name="Modify" action="../Check_EN/Example_Modify_Check_En.jsp" onsubmit="return Example_Modify_Check()"  method="post">
          <label for="effect">Effect:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="effect" name="effect" style="margin-right:20px;">
          <label for="example">Example:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="example" name="example" style="margin-right:20px;">
		  <label for="path">Path:&nbsp&nbsp</label>
	      <input type="text" class="form-control col-md-3" id="path" name="path" value="../Images_EN/">
		  <button type="submit" class="btn btn-dark" style="margin-left:30px;" onclick="Example_Modify_Check()">
            <i class="fa fa-floppy-o"></i>&nbsp&nbsp Modify
          </button>       
        </form>
      
         <form method="post" action="/TESTKBS/UploadServlet_En" enctype="multipart/form-data">
          <div class="form-inline form-group" id="Modifygroup">
	          <label for="uploadimage">Image:&nbsp&nbsp</label>
	          <input type="file" class="form-control col-md-6"  id="uploadFile" name="uploadFile" style="margin-right:20px;">
	          <button type="submit" class="btn btn-dark" value="上传"  style="margin-left:30px;">
	            <i class="fa fa-cloud-upload"></i>&nbsp&nbsp Upload
	          </button>
          </div>
         </form>
     	<h5 id="Note">PS:Rename the image " <b>index.suffix</b>" before uploading it. Like：<b>E1.jpg</b>. Image path is："<b>../Images_EN/E1.jpg</b>"</h5>
        
      </div>
  
    </div>
	
		<%--现象效应对应索引表 --%>
    	<% request.setCharacterEncoding("UTF-8"); %>
		<jsp:getProperty name="database" property="queryResult" />
	</div>

  <%-- 底边栏 --%>
   <footer class="footer text-center relative-bottom">CopyRight © Code:1024</footer>

</body>
</html>